<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Buttons</title>
    <link rel="stylesheet" href="../../../dest/css/fui.css">
    <style>
        .ex-layer{
            position: relative;
            border-radius: 8px;
            margin: 20px 80px;
            padding: 15px;
            color: #fff;
            font-size: 20px;
            background: #333;
            border: 4px solid #c2e1f5;
            text-align: center;
        }
        .ex-layer .btn{
            margin: 5px;
        }
    </style>
</head>
<body style="background: url(/common/dest/images/noisebg.png) repeat">
<div class="ex-layer">
    <a href="javascript:;" class="btn btn-tiny">Button</a>
    <a href="javascript:;" class="btn btn-tiny btn-white btn-rounded">Button</a>
    <a href="javascript:;" class="btn btn-tiny btn-white btn-box">Button</a>
    <a href="javascript:;" class="btn btn-tiny btn-white btn-pill">Button</a>
    <a href="javascript:;" class="btn btn-tiny btn-white btn-circle">+</a>
    <br/>
    <a href="javascript:;" class="btn btn-small">Button</a>
    <a href="javascript:;" class="btn btn-small btn-blue btn-rounded">Button</a>
    <a href="javascript:;" class="btn btn-small btn-blue btn-box">Button</a>
    <a href="javascript:;" class="btn btn-small btn-blue btn-pill">Button</a>
    <a href="javascript:;" class="btn btn-small btn-blue btn-circle">+</a>
    <br/>
    <a href="javascript:;" class="btn btn-action">Button</a>
    <a href="javascript:;" class="btn btn-action btn-red btn-rounded">Button</a>
    <a href="javascript:;" class="btn btn-action btn-red btn-box">Button</a>
    <a href="javascript:;" class="btn btn-action btn-red btn-pill">Button</a>
    <a href="javascript:;" class="btn btn-action btn-red btn-circle">+</a>
    <br/>
    <a href="javascript:;" class="btn btn-large">Button</a>
    <a href="javascript:;" class="btn btn-large btn-yellow btn-rounded">Button</a>
    <a href="javascript:;" class="btn btn-large btn-yellow btn-box">Button</a>
    <a href="javascript:;" class="btn btn-large btn-yellow btn-pill">Button</a>
    <a href="javascript:;" class="btn btn-large btn-yellow btn-circle">+</a>
    <br/>
    <a href="javascript:;" class="btn btn-jumbo">Button</a>
    <a href="javascript:;" class="btn btn-jumbo btn-green btn-rounded">Button</a>
    <a href="javascript:;" class="btn btn-jumbo btn-green btn-box">Button</a>
    <a href="javascript:;" class="btn btn-jumbo btn-green btn-pill">Button</a>
    <a href="javascript:;" class="btn btn-jumbo btn-green btn-circle">+</a>
    <br/>
    <a href="javascript:;" class="btn btn-giant">Button</a>
    <a href="javascript:;" class="btn btn-giant btn-purple btn-rounded">Button</a>
    <a href="javascript:;" class="btn btn-giant btn-purple btn-box">Button</a>
    <a href="javascript:;" class="btn btn-giant btn-purple btn-pill">Button</a>
    <a href="javascript:;" class="btn btn-giant btn-purple btn-circle">+</a>
    <br/>
</div>
</body>
</html>
